<template>
  <artical-item :post="post">
    <!-- <template v-slot:operation>
      <el-popover placement="bottom" trigger="hover" width="160">
        <ul>
          <li class="option">
            举报
            <i class="el-icon-warning-outline"></i>
          </li>
          <li class="option">
            删除
            <i class="el-icon-delete"></i>
          </li >
        </ul>

        <i slot="reference" class="el-icon-more-outline"></i>
      </el-popover>
    </template> -->
  </artical-item>
</template>

<script>
import ArticalItem from "../Artical/ArticalItem.vue";
export default {
  props:['post'],
  components: { ArticalItem },
};
</script >

<style scoped lang="less">
@import "@/assets/less/common.less";
.option {
    text-align: center;
    cursor: pointer;
    line-height: 32px;
    border-radius: 5px;
    &:hover {
        background: @bgGray;
        color:@blue;
    }
}
</style>